/*
 * Copyright (c) 2010-2021 Contributors to the Eclipse Foundation
 * 
 * See the NOTICE file(s) distributed with this work for additional
 * information regarding copyright ownership.
 * 
 * This program and the accompanying materials are made available under the
 * terms of the Eclipse Public License 2.0 which is available at
 * http://www.eclipse.org/legal/epl-2.0
 * 
 * SPDX-License-Identifier: EPL-2.0
 */
/* oneui/form/Common.css */
/*========================= common css =========================*/
/* 'dijitTextBox' refers to 'dijit(TextBox|DateTextBox|CurrencyTextBox|...)' */
.oneui .dijitTextBoxError .dijitValidationContainer {
	margin:4px 3px 0;
	width:15px;
	height:15px;
	border:solid #d46464 0;
	background:url(images/msgIcons_24bit.png) no-repeat;
	background-position:-2px -2px;
}

.oneui .dijitTextBoxError .dijitValidationIcon {
	width:0;
	background-color:transparent!important;
/* so the INPUT doesn't obscure the border in rtl+a11y */
}

/* Padding for the input area of TextBox based widgets, and corresponding padding for the
 * down arrow button and the placeholder.   placeholder is explicitly listed  because
 * dijitPlaceHolder is absolutely positioned, so padding set on dijitInputField
 * won't affect it
 */
.oneui .dijitTextBox {
	outline:medium none;
}

.oneui .dijitTextBox .dijitInputField {
	padding:3px 10px;
	color:#222;
}

.oneui .dijitInputField .dijitPlaceHolder,
.oneui .dijitInputContainer .dijitPlaceHolder
{
	padding:4px 10px;
	color:#666;
	font-family: Helvetica, Arial, Tahoma, Verdana, sans-serif;
	font-style: normal;
}

.oneui input::-webkit-input-placeholder,
.oneui textarea::-webkit-input-placeholder{
	color:#666;
	font-family: Helvetica, Arial, Tahoma, Verdana, sans-serif;
}
.oneui input::-moz-placeholder,
.oneui textarea::-moz-placeholder{
	color:#666;
	font-family: Helvetica, Arial, Tahoma, Verdana, sans-serif;
}
.oneui input:-ms-input-placeholder,
.oneui textarea:-ms-input-placeholder{
	color:#666;
	font-family: Helvetica, Arial, Tahoma, Verdana, sans-serif;
}

.oneui .idxTextareaWrap .dijitTextArea {
	padding:4px 8px;
	color:#222;
	border: 0;
}
.oneui .idxTextareaWrap .dijitInputContainer{
	border:1px solid #aaa;
}
.oneui .idxTextareaWrapReadOnly .dijitInputContainer{
	border:1px solid #bbb;
}
.oneui .idxTextareaWrapDisabled .dijitInputContainer{
	border:1px solid #ccc;
}

.oneui .dijitHintOuter {
	padding-top:5px;
	color:#767676;
}

.dj_gecko .oneui .dijitTextBox .dijitInputInner,.dj_webkit .oneui .dijitTextBox .dijitInputInner,.dj_ie8 .oneui .dijitTextBox .dijitInputInner,.dj_ie7 .oneui .dijitTextBox .dijitInputInner {
	padding:1px 1px 2px;
}

.oneui .dijitTextBox,.oneui .dijitTextBox .dijitButtonNode {
/* color for (outer) border on *TextBox widgets, and border between input and buttons on ComboBox and Spinner */
	border-color:#aaa;
	-webkit-transition-duration:.35s;
	-moz-transition-duration:.35s;
	transition-duration:.35s;
	-webkit-transition-property:background-color,border;
	-moz-transition-property:background-color,border;
	transition-property:background-color,border;
}

.oneui .dijitTextBox {
	border:1px solid #aaa;
	background-color:#fff;
	/*font-family:Helvetica,Arial,sans-serif;*/
}

/* .oneui .idxTextBoxWrap .dijitTextBox{
	width: 100%; */
/* hover */
.oneui .dijitTextBoxHover,.oneui .dijitTextBoxHover .dijitButtonNode {
	border-color:#66d0e9;
	-webkit-transition-duration:.25s;
	-moz-transition-duration:.25s;
	transition-duration:.25s;
}

.oneui .dijitTextBoxHover {
/* background-color: #e9f4fe; */
/* background-image: url('images/textBox_back.png'); */
/* background-repeat: repeat-x; */
}

/* error state */
.oneui .dijitTextBoxError,.oneui .dijitTextBoxError .dijitButtonNode {
	border-color:#cd321a;
}

.oneui .dijitTextBoxError,.oneui .dijitTextBoxError .dijitInputContainer {
	background-color:#fff3f3;
	float: left;
}

/* focused state */
.oneui .dijitTextBoxFocused,.oneui .dijitTextBoxFocused .dijitButtonNode {
	border-color:#008abf!important;
	-webkit-transition-duration:.1s;
	-moz-transition-duration:.1s;
	transition-duration:.1s;
}

.oneui .dijitTextBoxFocused {
/* background-color: #ffffff; */
/* background-image: url('images/textBox_back.png'); */
/* background-repeat: repeat-x; */
}

.oneui .dijitTextBoxFocused .dijitInputContainer,.oneui .dijitTextAreaFocused {
	background:#fff;
}

.oneui .dijitTextBoxErrorFocused,.oneui .dijitTextBoxErrorFocused .dijitButtonNode {
	border-color:#ce4f4f;
}

/* disabled state */
.oneui .dijitTextBoxDisabled,.oneui .dijitTextBoxDisabled .dijitButtonNode {
	border-color:#ccc;
}

.oneui .dijitTextBoxDisabled,
.oneui .dijitTextBoxDisabled .dijitInputInner,
.oneui .dijitTextBoxDisabled input,
.oneui .dijitTextBoxDisabled .dijitInputContainer,
.oneui .dijitTextBoxDisabled .dijitInputField .dijitPlaceHolder {
	background-color:#f3f3f3;
	background-image:none;
	color:#666666;
}

.dj_webkit .oneui .dijitTextBoxDisabled .dijitInputInner,
.dj_webkit .oneui .dijitTextBoxDisabled input {
	background-color:#f3f3f3!important;
	color:#666666!important;
}

.oneui .dijitTextBoxReadOnly {
	border:1px solid #bbb;
}

.oneui .dijitTextBoxReadOnly .dijitInputField {
	color:#767676;
}

/* Simple Text Area */
.oneui .dijitSimpleTextArea {
	padding:0 0 0 10px;
	color:#222;
}

.oneui .dijitSimpleTextAreaDisabled {
	border-color:#ccc;
	background-color:#f3f3f3;
	color:#666666;
}

.oneui .dijitSimpleTextAreaReadOnly .dijitInputField {
	border-color:#bbb;
	color:#555;
}

/*========================= for special widgets =========================*/
/* Input boxes with an arrow (for a drop down) */
.oneui .dijitToolbar .dijitComboBox .dijitArrowButtonInner {
	border:none;
}

.oneui .dijitToolbar .dijitComboBox .dijitArrowButtonInner {
	border:none;
}

/* Add 1px vertical padding to the <input> where user types and the validation icon,
   to match the 1px border on arrow button */
.oneui .dijitTextBox .dijitInputInner,.oneui .dijitTextBox .dijitValidationContainer {
	padding:1px 0;
}

/*========================= hacks for browsers =========================*/
/* it seems the input[type="hidden"] has a height (16px) too... this may cause the widget's height calculate error */
.dj_ff3 .oneui .dijitInputField input[type="hidden"] {
	display:none;
	width:0;
	height:0;
}

/* ie6 doesn't support transparent background img */
.dj_ie6 .oneui .dijitTextBox,.dj_ie6 .oneui .dijitComboBox .dijitButtonNode {
	background-image:none;
}

.dj_borderbox .oneui .dijitComboBox .dijitHasDropDownOpen .dijitArrowButtonInner {
	width:18px;
}

.dj_borderbox .oneui .dijitComboBoxFocused .dijitHasDropDownOpen .dijitArrowButtonInner {
	width:16px;
}